<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="1020">
            <Form ref="searchForm" :model="searchForm" :label-width="120">
                <Row>
	<i-col span="12">
	<FormItem label="提现编号"><Row>
	<i-col span="11">
	<FormItem prop="idMin">
	<InputNumber v-model="searchForm.idMin" placeholder="请输入开始提现编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="idMax">
	<InputNumber v-model="searchForm.idMax" placeholder="请输入结束提现编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="用户编号"><Row>
	<i-col span="11">
	<FormItem prop="userIdMin">
	<InputNumber v-model="searchForm.userIdMin" placeholder="请输入开始用户编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="userIdMax">
	<InputNumber v-model="searchForm.userIdMax" placeholder="请输入结束用户编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="交易编号" prop="transactionNo" label-for="transactionNo">
	<Input v-model="searchForm.transactionNo" element-id="transactionNo" placeholder="请输入交易编号" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="提现方式"><Row>
	<i-col span="11">
	<FormItem prop="withdrawTypeMin">
	<InputNumber v-model="searchForm.withdrawTypeMin" placeholder="请输入开始提现方式" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="withdrawTypeMax">
	<InputNumber v-model="searchForm.withdrawTypeMax" placeholder="请输入结束提现方式" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="发起提现的应用"><Row>
	<i-col span="11">
	<FormItem prop="withdrawClientAppMin">
	<InputNumber v-model="searchForm.withdrawClientAppMin" placeholder="请输入开始发起提现的应用" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="withdrawClientAppMax">
	<InputNumber v-model="searchForm.withdrawClientAppMax" placeholder="请输入结束发起提现的应用" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="提现金额（元）"><Row>
	<i-col span="11">
	<FormItem prop="amountMin">
	<InputNumber v-model="searchForm.amountMin" placeholder="请输入开始提现金额（元）" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="amountMax">
	<InputNumber v-model="searchForm.amountMax" placeholder="请输入结束提现金额（元）" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="提现银行卡"><Row>
	<i-col span="11">
	<FormItem prop="bankcardIdMin">
	<InputNumber v-model="searchForm.bankcardIdMin" placeholder="请输入开始提现银行卡" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="bankcardIdMax">
	<InputNumber v-model="searchForm.bankcardIdMax" placeholder="请输入结束提现银行卡" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="提现状态" prop="withdrawStatus">
	    
	        <Select v-model="searchForm.withdrawStatus" placeholder="提现状态" filterable clearable>
	          <Option
	            v-for="(option, index) in withdrawStatusSelect"
	            :value="option.value"
	            :key="index"
	          >{{option.displayValue}}</Option>
	        </Select>
	    
	</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="提现描述" prop="withdrawDescription" label-for="withdrawDescription">
	<Input v-model="searchForm.withdrawDescription" element-id="withdrawDescription" placeholder="请输入提现描述" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="审核人编号"><Row>
	<i-col span="11">
	<FormItem prop="checkedUserIdMin">
	<InputNumber v-model="searchForm.checkedUserIdMin" placeholder="请输入开始审核人编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="checkedUserIdMax">
	<InputNumber v-model="searchForm.checkedUserIdMax" placeholder="请输入结束审核人编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="审核时间"><Row>
	<i-col span="11">
	<FormItem prop="checkedTimeMin">
	<DatePicker @on-change="searchForm.checkedTimeMin=$event" :value="searchForm.checkedTimeMin" placeholder="请输入开始审核时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="checkedTimeMax">
	<DatePicker @on-change="searchForm.checkedTimeMax=$event" :value="searchForm.checkedTimeMax" placeholder="请输入结束审核时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="完成时间"><Row>
	<i-col span="11">
	<FormItem prop="completeTimeMin">
	<DatePicker @on-change="searchForm.completeTimeMin=$event" :value="searchForm.completeTimeMin" placeholder="请输入开始完成时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="completeTimeMax">
	<DatePicker @on-change="searchForm.completeTimeMax=$event" :value="searchForm.completeTimeMax" placeholder="请输入结束完成时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="版本号"><Row>
	<i-col span="11">
	<FormItem prop="versionMin">
	<InputNumber v-model="searchForm.versionMin" placeholder="请输入开始版本号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="versionMax">
	<InputNumber v-model="searchForm.versionMax" placeholder="请输入结束版本号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="创建时间"><Row>
	<i-col span="11">
	<FormItem prop="createTimeMin">
	<DatePicker @on-change="searchForm.createTimeMin=$event" :value="searchForm.createTimeMin" placeholder="请输入开始创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="createTimeMax">
	<DatePicker @on-change="searchForm.createTimeMax=$event" :value="searchForm.createTimeMax" placeholder="请输入结束创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="更新时间"><Row>
	<i-col span="11">
	<FormItem prop="updateTimeMin">
	<DatePicker @on-change="searchForm.updateTimeMin=$event" :value="searchForm.updateTimeMin" placeholder="请输入开始更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="updateTimeMax">
	<DatePicker @on-change="searchForm.updateTimeMax=$event" :value="searchForm.updateTimeMax" placeholder="请输入结束更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="是否激活" prop="isActive">
	    
	        <Select v-model="searchForm.isActive" placeholder="是否激活" filterable clearable>
	          <Option
	            v-for="(option, index) in isActiveSelect"
	            :value="option.value"
	            :key="index"
	          >{{option.displayValue}}</Option>
	        </Select>
	    
	</FormItem>
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
    import * as utils from '@/api/utils-v2'
    import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'FundsWithdrawSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
				dataDictCodes: ['IS_ACTIVE','FUNDS_WITHDRAW_STATUS'],
				dataDictItems: {},
				isActiveSelect:[],
				withdrawStatusSelect:[],
                urls: {
                    searchUrl: '/funds-withdraw/admin/pager-cond'
                },
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    id: null,
idMin: null, 
idMax: null, 
userId: null,
userIdMin: null, 
userIdMax: null, 
transactionNo: null,
withdrawType: null,
withdrawTypeMin: null, 
withdrawTypeMax: null, 
withdrawClientApp: null,
withdrawClientAppMin: null, 
withdrawClientAppMax: null, 
amount: null,
amountMin: null, 
amountMax: null, 
bankcardId: null,
bankcardIdMin: null, 
bankcardIdMax: null, 
withdrawStatus: null,
withdrawStatusMin: null, 
withdrawStatusMax: null, 
withdrawDescription: null,
checkedUserId: null,
checkedUserIdMin: null, 
checkedUserIdMax: null, 
checkedTime: null,
checkedTimeMin: null, 
checkedTimeMax: null, 
completeTime: null,
completeTimeMin: null, 
completeTimeMax: null, 
version: null,
versionMin: null, 
versionMax: null, 
createTime: null,
createTimeMin: null, 
createTimeMax: null, 
updateTime: null,
updateTimeMin: null, 
updateTimeMax: null, 
isActive: null,
isActiveMin: null, 
isActiveMax: null, 

                },
            }
        },
        computed: {},
        mounted() {
			      utils.getDataDict(this.dataDictCodes).then(response => {
					  if (response) {
						this.dataDictItems = response
						utils.getSelectDictItems(this, 'IS_ACTIVE', 'isActive', 'isActiveSelect')
						utils.getSelectDictItems(this, 'FUNDS_WITHDRAW_STATUS', 'withdrawStatus', 'withdrawStatusSelect')
					  }
					}).catch(error => {
					  console.log(error)
					})
		},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable', true)
            }
        }
    }
</script>

<style>
</style>
